<template>
  <el-input-number v-model="num1" @change="handleChange" :min="1" :max="10" label="数字输入框"></el-input-number>
  <el-input-number v-model="num2" :disabled="true"></el-input-number>
  <el-input-number v-model="num3" :step="2"></el-input-number>
  <el-input-number v-model="num4" :step="2" step-strictly></el-input-number>
  <el-input-number v-model="num5" :precision="2" :step="0.1" :max="10"></el-input-number>
  <el-input-number v-model="num6" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number>
</template>
<script>
export default {
  data() {
    return {
      num1: 1,
      num2: 1,
      num3: 1,
      num4: 1,
      num5: 1,
      num6: 1,
    }
  },
  methods: {
    handleChange(value) {
      console.log(value)
    }
  }
}

</script>